<!DOCTYPE html>
<head>
    <meta charset="utf-8"/>
    <style>
        html, body {
        height: 100%;
        }
        body {
        font-family: "Microsoft YaHei";
        }
        .bg {
        }
        .item {
        // padding: 30px 30px 50px;
        }


    </style>
</head>
<body>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main"
     style="float: center; width: 330px;height:300px; margin-left: 2px;"></div>
<!-- ECharts单文件引入 -->
<script src="js/echarts.min.js"></script>
<script type="text/javascript">

 //声明Echarts实例
   var myChart;
 //声明图表配置项和数据
 //var options;
 //symbol的images的格式“image://./images/node.png”最好是能够写绝对路径，加上“//.”回到根目录echart/
 var lineJson;//用于临时存储折线图json对象, 便于追加数据

 //创建折线图
  function createLineChart(obj){
      lineJson=obj;
      options = {
          xAxis: {
                 id: 'dataX',
                 type: 'category',
                axisLabel: {
                    //formatter: '{value} °C'
                    formatter: '{value}'
                },
                data: obj.times //动态展示运动时间
            },
          yAxis: {
                type: 'value',
                axisLabel: {
                    //formatter: '{value} km'
                    formatter: '{value}'
                }
            },
          series: [{
            id: 'dataY',
            type: 'line',
            itemStyle : {
                                normal : {
                                    color:'#0CA6F0',
                                    lineStyle:{
                                        color:'#0CA6F0'
                                    }
                                }
                 },
            data: obj.steps, //动态展示运动步数数据
            markLine : {
                        data : [
                               { type : 'average',name: '平均值' }
                             ]
                        },
                  }]
            };
         }

//显示图表
   function createChart(type,json){

        if(type=='line'){
          createLineChart(json);
        }

        // 基于准备好的dom，初始化echarts实例
	    myChart = echarts.init(document.getElementById('main'));
        //使用指定的配置项和数据显示图表。
	    myChart.setOption(options);
    }














</script>
</body>